<?php 
include_once("includes/ini.php");
?>
    <style type="text/css" media="screen">
        body {
            padding: 0; 
            font: 1em "Trebuchet MS", verdana, arial, sans-serif; 
            font-size: 100%;
            background-color: #fff;
            margin: 0;
        }
        h1 { 
            margin-bottom: 2px; 
        }
        #container {
            background-color: #fff;
            width: 580px;
			height: 100px;
            margin: 15px auto;
            margin:0 auto;
            padding:0 0 50px 0;
        }
        /* slider specific CSS */
        .sliderGallery {
            background: #fff;
            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 110px;
            width: 560px;
        }
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 15px 0 0 0;
        }
        .sliderGallery UL LI {
            display: inline;
			margin: 0 0 -10px 10px;
        }
        .slider {
            width: 542px;
            height: 17px;
            margin-top: 99px;
            margin-left: 5px;
            padding: 1px;
            position: relative;
            background: url(<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/productbrowser_scrollbar_20070622.png) no-repeat;
        }
        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url(<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/productbrowser_scroller_20080115.png) no-repeat;
            z-index: 100;
        }
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        .slider .slider-lbl1 {
            left: 50px;
        }
        .slider .slider-lbl2 {
            left: 107px;
        }
        .slider .slider-lbl3 {
            left: 156px;
        }
        .slider .slider-lbl4 {
            left: 280px;
        }
        .slider .slider-lbl5 {
            left: 455px;
        }
    </style>

    <!-- updated to jQ 1.2.6 and UI 1.5.2 2008-11-28 -->
    <div id="container">
      <div style="width:580px;margin:-8px 0 0 0;">
        <div class="sliderGallery">
            <ul>
                <li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/andre.jpg" /></li>                    
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/gustavo.jpg" /></li> 
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/jose_nicacio.jpg" /></li> 
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/osorio.jpg" /></li>
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/eita.png" /></li>
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/marcos_holanda.jpg" /></li> 
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/osmundo.jpg" /></li> 
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/padua_ramos.jpg" /></li> 
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/pedro_sisnando.jpg" /></li> 
				<li><img class="pb-macosxserver" src="<?php echo EXTERNAL_ROOT_PORTAL;?>/colunista/img/pedro_vianna.jpg" /></li>
            </ul>
            <div class="slider">
                <div class="handle"></div>
            </div>
        </div>
      </div>
    </div>